<template>
<div>
<div class="box">
  <h3>{{age}}</h3>
  <h4>{{obj.name}}</h4>
  <h4>{{sex.toUpperCase()}}</h4>
  <h4>{{age>18?'成年':'未成年'}}</h4>
</div>

</div>
</template>

<script>

export default{
  data(){
    return{
      age:19,
      sex:'nan',
      obj:{
        name:'19.8'
      }
    }
  }
}
</script>

<style lang="less">
.box{
  h3{
    color: green;
  }
  h4{
    color: aqua;
  }
}
</style>